@import '~@delon/theme/styles/antd/themes/default.less';

:host {
    .container-card-list {
        display: flex;
        flex-direction: column;
    }

    .container-card-content {
        display: flex;
        flex-wrap: nowrap;
        padding: 10px;
        align-content: center;
        align-items: center;
        nz-input {
            width: 20%;
        }
        .content-title {
            font-size: larger;
            font-weight: bolder;
            width: 15%;
        }
        .content-special {
            color: #0000cc;
        }
        .content-font-size {
            font-size: x-large;
        }
        button {
            margin: 2px;
        }
        .content-warm {
            color: red;
        }
    }

    .content-button {
        margin-left: 10%;
        margin-top: 2%;
        button {
            width: 120px;
            color: #0000cc;
            font-size: large;
        }
    }

    @media screen and (max-width: @screen-sm) {
        .container-card-list {
            display: none;
        }
    }

    @media screen and (min-width: @screen-sm) {
        .container-card-list-sm {
            display: none;
        }
    }

    .container-card-list-sm {
        .content-warm-sm {
            color: red;
        }
        .content-title-sm {
            font-size: large;
            font-weight: bolder;
        }
        .content-special-sm {
            color: #0000cc;
        }
        .content-font-size-sm {
            font-size: x-large;
        }
        .align-sm {
            align-content: center;
            align-items: center;
        }
        .padding-top-sm {
            padding-top: 5px;
        }
    }
}
